import React from 'react';
import styles from './head.css'
import { withStyles } from '@material-ui/core/styles';
import AppBar from '@material-ui/core/AppBar';

class Head extends React.Component {
  componentDidMount() {

  }
  render() {
    let {showLift,title}=this.props
    console.log(this.props)
    return (
      <div>
       <AppBar className={styles.app_bar_box}>
          <div className={styles.app_bar}>
          {showLift?(<div className={styles.bar_left}></div>):<div></div>}

            <div className={styles.title}>{title}</div>
            <div className={styles.bar_right}></div>
          </div>
        </AppBar>
      </div>
    )
  }
}


export default withStyles(styles)(Head);
